:root {
    .default {
        // 自定义颜色变量
        --my-color-1: #56e541;
        --my-color-2: #f94646;
        --my-color-3: #ff9720;
        --my-color-4: #00a7ff;
        --my-color-5: #1AEEEE;
        // 覆盖element-plus颜色变量
        --el-color-white: #ffffff;
        --el-color-black: #000000;
        --el-color-primary: #8DBE4A;
        --el-color-primary-light-3: #a5c164;
        --el-color-primary-light-5: #bcd08b;
        --el-color-primary-light-7: #d2e0b1;
        --el-color-primary-light-8: #e9efd8;
        --el-color-primary-light-9: #f4f7eb;
        --el-color-primary-dark-2: #7b9c2c;
        --el-color-success: #2fd72f;
        --el-color-success-light-3: #6de36d;
        --el-color-success-light-5: #97eb97;
        --el-color-success-light-7: #c1f3c1;
        --el-color-success-light-8: #d5f7d5;
        --el-color-success-light-9: #eafbea;
        --el-color-success-dark-2: #26ac26;
        --el-color-warning: #e6a23c;
        --el-color-warning-light-3: #eebe77;
        --el-color-warning-light-5: #f3d19e;
        --el-color-warning-light-7: #f8e3c5;
        --el-color-warning-light-8: #faecd8;
        --el-color-warning-light-9: #fdf6ec;
        --el-color-warning-dark-2: #b88230;
        // --el-color-danger: #f31d00;
        // --el-color-danger-light-3: #f7614d;
        // --el-color-danger-light-5: #f98e80;
        // --el-color-danger-light-7: #fbbbb3;
        // --el-color-danger-light-8: #fdd2cc;
        // --el-color-danger-light-9: #fee8e6;
        // --el-color-danger-dark-2: #c21700;
        --el-color-error: #f56c6c;
        --el-color-error-light-3: #f89898;
        --el-color-error-light-5: #fab6b6;
        --el-color-error-light-7: #fcd3d3;
        --el-color-error-light-8: #fde2e2;
        --el-color-error-light-9: #fef0f0;
        --el-color-error-dark-2: #c45656;
        --el-color-blue: #58919f;
        --el-color-blue-light-3: #74a4b0;
        --el-color-blue-light-5: #99bcc5;
        --el-color-blue-light-7: #b5ced5;
        --el-color-blue-light-8: #d1e0e4;
        --el-color-blue-light-9: #ecf3f4;
        --el-color-blue-dark-2: #367281;
        --el-color-info: #58919f;
        --el-color-info-light-3: #74a4b0;
        --el-color-info-light-5: #99bcc5;
        --el-color-info-light-7: #b5ced5;
        --el-color-info-light-8: #d1e0e4;
        --el-color-info-light-9: #ecf3f4;
        --el-color-info-dark-2: #367281;

        --el-menu-active-color: var(--el-color-primary);
        --el-menu-text-color: var(--el-text-color-primary);
        --el-menu-hover-text-color: var(--el-color-primary);
        --el-menu-bg-color: var(--el-fill-color-blank);
        --el-menu-hover-bg-color: var(--el-color-primary-light-9);
        --el-menu-item-height: 56px;
        --el-menu-sub-item-height: calc(var(--el-menu-item-height) - 6px);
        --el-menu-horizontal-height: 60px;
        --el-menu-horizontal-sub-item-height: 36px;
        --el-menu-item-font-size: var(--el-font-size-base);
        --el-menu-item-hover-fill: var(--el-color-primary-light-9);
        --el-menu-border-color: var(--el-border-color);
        --el-menu-base-level-padding: 20px;
        --el-menu-level-padding: 20px;
        --el-menu-icon-width: 24px;
        --el-font-weight-primary: 400;

        .el-table {
            // --el-table-header-bg-color: #0b3d54;
            --el-table-header-text-color: var(--el-text-color-regular);
        }

        .el-breadcrumb__inner a,
        .el-breadcrumb__inner.is-link {
            font-weight: 500;
        }

        .el-breadcrumb {
            line-height: normal;
        }

        .el-drawer__header {
            margin-bottom: 0;
        }

        .el-card {
            --el-card-border-radius: 10px;
        }

        .el-menu--vertical:not(.el-menu--collapse):not(.el-menu--popup-container) .el-menu-item,
        .el-menu--vertical:not(.el-menu--collapse):not(.el-menu--popup-container) .el-menu-item-group__title,
        .el-menu--vertical:not(.el-menu--collapse):not(.el-menu--popup-container) .el-sub-menu__title {
            white-space: normal;
        }
        .el-menu-item {
          line-height: normal;
          white-space: normal;
      }
      .el-sub-menu__title{
        line-height: normal;
          white-space: normal;
      }
      .el-page-header__title{
        font-weight: 300;
      }
      .el-page-header__content{
          font-size: inherit;
      }
    }
}